const sidebarRoutes = [
	{
		path: '/playground',
		name: '首页',
		component: () => import('@/views/Playground/index.vue'),
	},
	{
		path: '/my-store',
		name: '实现简易pinia',
		component: () => import('@/views/MyStore/index.vue'),
	},
	{
		path: '/template-reuse',
		name: '模板复用',
		component: () => import('@/views/TemplateReuse/index.vue'),
	},
	{
		path: '/component-wrap',
		name: '组件二次封装',
		component: () => import('@/views/ComponentWrap/index.vue'),
	},
	{
		path: '/global-loading',
		name: '全局loading',
		component: () => import('@/views/GlobalLoading/index.vue'),
	},
	{
		path: '/my-hook',
		name: 'Hook封装',
		component: () => import('@/views/MyHook/index.vue'),
	},
	{
		path: '/command-dialog',
		name: '命令式弹窗',
		component: () => import('@/views/CommandDialog/index.vue'),
	},
	{
		path: '/my-event-bus',
		name: '实现EventBus',
		component: () => import('@/views/MyEventBus/index.vue'),
	},
	{
		path: '/perform-chunk',
		name: '分时函数',
		component: () => import('@/views/PerformChunk/index.vue'),
	},
	{
		path: '/defer-render',
		name: '组件逐帧渲染',
		component: () => import('@/views/DeferRender/index.vue'),
	},
	{
		path: '/input-debounce',
		name: '输入框防抖',
		component: () => import('@/views/InputDebounce/index.vue'),
	},
	{
		path: '/progress-animation',
		name: '进度执行动画',
		component: () => import('@/views/ProgressAnimation/index.vue'),
	},
	{
		path: '/curry-compose',
		name: '柯里化和组合函数',
		component: () => import('@/views/CurryAndCompose/index.vue'),
	},
	{
		path: '/tooltip',
		name: '实现v-tooltip',
		component: () => import('@/views/Tooltip/index.vue'),
	},
	{
		path: '/heighlight',
		name: '文本高亮',
		component: () => import('@/views/Heighlight/index.vue'),
	},
	{
		path: '/context-menu',
		name: '右键菜单',
		component: () => import('@/views/ContextMenu/index.vue'),
	},
	{
		path: '/cancel-request',
		name: '取消请求',
		component: () => import('@/views/CancelRequest/index.vue'),
	},
	{
		path: '/form-builder',
		name: '表单构建器',
		component: () => import('@/views/FormBuilder/index.vue'),
	},
	{
		path: '/scroll-snap',
		name: '滚动吸附',
		component: () => import('@/views/ScrollSnap/index.vue'),
	},
	{
		path: '/autofit',
		name: '响应式',
		component: () => import('@/views/AutoFit/index.vue'),
	},
	{
		path: '/typewriter',
		name: '打字机动效',
		component: () => import('@/views/TypeWriter/index.vue'),
	},
	{
		path: '/animation-timeline',
		name: '滚动驱动动画',
		component: () => import('@/views/AnimationTimeline/index.vue'),
	},
	{
		path: '/view-transition',
		name: '视图转换动画',
		component: () => import('@/views/ViewTransition/index.vue'),
	},
	{
		path: '/anchor-position',
		name: '锚点定位',
		component: () => import('@/views/AnchorPosition/index.vue'),
	},
	{
		path: '/echarts',
		name: 'Echarts',
		component: () => import('@/views/Echarts/index.vue'),
	},
	{
		path: '/no-render-component',
		name: '无渲染组件',
		component: () => import('@/views/NoRenderComponent/index.vue'),
	},
	{
		path: '/g6-demo',
		name: 'G6',
		component: () => import('@/views/G6Demo/index.vue'),
	},
	{
		path: '/pet-swich',
		name: '动物换脸',
		component: () => import('@/views/PetSwitch/index.vue'),
	},
	{
		path: '/paper-effect',
		name: '纸张效果',
		component: () => import('@/views/PaperEffect/index.vue'),
	},
]

export default sidebarRoutes
